<div class="barmain">
	<div class="barmask"></div>
	<a class="ds-bar ds-bar-edit" title="编辑" href="javascript:;" ajax-href="/module-editor/top.html" ajax-data="" ajax-title="顶部编辑"></a>
	<a class="ds-bar ds-bar-top" title="上层" href="javascript:void(0);"></a>
	<a class="ds-bar ds-bar-down" title="下层" href="javascript:void(0);"></a>
	<a class="ds-bar ds-bar-del" title="删除" href="javascript:void(0);"></a>
</div>

<div id="module_html" class="top_1">
	<div class="logo"><a href="index.html"><img src="/module/1/images/logo.gif" /></a></div>
	<div class="navicon"><a href="#"></a></div>
	<div class="search"><a href="#"></a></div>
	<div class="subnav">
		<a href="#">网站首页</a>
		<a href="#">关于我们</a>
		<a href="#">热力产品</a>
	</div>
	<div class="zhezhao"></div>
</div>

<div id="module_css">
	<style type="text/css">
		.top_1{width:100%;height:40px;position:relative;z-index:8;background:#F4F2EB;}
		.top_1 .logo img{max-height:40px;float:left;}
		.top_1 .navicon, .top_1 .search{position:absolute;top:0;width:40px;display:block;height:100%;}
		.top_1 .navicon{right:0;}
		.top_1 .search{right:40px;}
		.top_1 .navicon a,.top_1 .search a{display:block;height:100%;background-size:20px auto!important;}
		.top_1 .navicon a{background:url(/module/1/images/sdaf23456.png) no-repeat center;}
		.top_1 .search a{background:url(/module/1/images/icon-search640.png) no-repeat center;}
		.top_1 .subnav{position:absolute;width:100%;left:0;top:40px;background:#FFF;display:none;}
		.top_1 .subnav a{display:block;height:40px;line-height:40px;border-bottom:1px solid #E8E8E8;margin:0 10px;background:url(/module/1/images/arr.png) no-repeat right center;background-size:auto 12px;}
		.top_1 .subnav a:last-child{border:none;}
		.zhezhao{width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:fixed;left:0;top:0;z-index:7;display:none;}
	</style>

	<script type="text/javascript" src="/module/1/js/top_1.js"></script>

	<script type="text/javascript">
		$(document).ready(function(e){

			$(function(){
				new FastClick(document.body);
			})

			$(".top_1 .navicon").on("click",function(e){
				$(".top_1 .subnav").toggle();
				$(".zhezhao").toggle();
			});

			$(".zhezhao").on("click",function(e) {
				$(".top_1 .subnav").toggle();
				$(".zhezhao").toggle();
			});

		});
	</script>
</div>